<h2>timeline.js</h2>
<p>Draggable timeline.</p>
<hr/>

<h3>Objects</h3>
<ul>
	<li><a href="#timeline">OAT.Timeline(contentDiv, optObj)</a></li>
</ul>

<h3>Methods</h3>
<ul>
	<li><a href="#addband">OAT.Timeline::addBand(name, color, label)</a></li>
	<li><a href="#addevent">OAT.Timeline::addEvent(bandName, startTime, endTime, content, color)</a></li>
	<li><a href="#draw">OAT.Timeline::draw()</a></li>
</ul>

<h3>CSS Classes</h3>
<ul>
	<li>.timeline</li>
	<li>.timeline_port</li>
	<li>.timeline_slider</li>
</ul>

<hr/>

<h3><a name="timeline">OAT.Timeline(contentDiv, optObj)</a></h3>
<p>Creates a Timeline inside <em>contentDiv</em>. <em>optObj</em> may contain these options:</p>
<ul>
	<li>lineHeight - int, height of one record </li>
	<li>bandHeight - int, height of one band's header</li>
	<li>sliderHeight - int, height of slider</li>
	<li>autoHeight - bool, should height be automatically adjusted?</li>
</ul>

<h3><a name="addband">OAT.Timeline::addBand(name, color, label)</a></h3>
<p>Adds a data band to chart. The band is identified by <em>name</em> and labeled with <em>label</em>.</p>

<h3><a name="addevent">OAT.Timeline::addEvent(bandName, startTime, endTime, content, color)</a></h3>
<p>Adds new event to Timeline, resp. to its band <em>bandName</em>. <em>endTime</em> can be <code>false</code>, when the event has no duration. 
<em>content</em> is a HTML element; <em>color</em> is a background color for time strip (only when endTime != false).</p>

<h3><a name="draw">OAT.Timeline::draw()</a></h3>
<p>Draws the timeline.</p>
